<template>
  <button class="btn btn-sm btn-primary" @click="addFakeRecord">增加假记录</button>
  <vue-modal
    :title="title"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showFakeAdd"
    effect="fade"
    :small="true"
    :width="460"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">手机号码</label>
          <div class="col-sm-9 ">
            <div class="text-left">
				      <input type="text" class="form-control" v-model="fakeRecord.phone">
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">奖品名称</label>
          <div class="col-sm-9">
            <div class="text-left">
              <input type="text" class="form-control" v-model="fakeRecord.name">
          	</div>
        	</div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">中奖率</label>
          <div class="col-sm-9">
            <div class="text-left">
              <input type="number" class="form-control" placeholder="请输入0到1之间的小数" v-model="fakeRecord.rate">
            </div>
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<script src="./fake-record-config.js"></script>
